
/**
 * <ajax-button>
 *
 * App-wide styles for our ajax buttons.
 */

[parasails-component='ajax-button'] {
  .button-loader, .button-loading {
    .loader();
    display: none;
    .loading-dot {
      width: 7px;
      height: 7px;
      margin: 0px 3px;
      display: inline;
    }
  }
  &.syncing {
    .button-loader, .button-loading {
      display: inline-block;
    }
    .button-text {
      display: none;
    }
  }
}
